﻿body
{
	text-align: center;
	font-family:Times New Roman;
	font-size:13;
	font-weight:normal;
	font-style:normal;
	background-color:#666666;
	height:100%;
	margin:0;
	padding:0;
}

#header
{
	height: 50px;
	width: 100%;
	color : #FFF;
	font-size:xx-large;
	font-weight:bold;
	background: #5c87b2;
}

#content 
{
	width: 100%;
	top:50px;
	bottom:0px;
	position:absolute;
	background: #FFFFFF;
}

#content_left
{
	float: left;
	width: 18%;
	height:99%;
	border: 2px solid rgba(0, 0, 0, 0.1);
	z-index:2;
}

#content_right
{
	height:100%;
}

#footer
{
	height: 100px;
	width: 100%;
	background: #339933;
}


#map_canvas
{
	height: 100%;
	z-index:1;
}

.contextmenu{
    visibility:hidden;
    background:#ffffff;
    border:1px solid #8888FF;
    z-index: 10;  
    position: relative;
    width: 140px;
    text-align:left;
}

.contextmenu a:hover
{
	font-style:normal;
	text-decoration:none;
}

.contextmenu div{
    padding-left: 5px
}

.contextmenu div:hover
{
	background-color:#cccccc;
}

.capture
{
	width:100%;
	height:20px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	font-family:Times New Roman;
	background-color:#333333;
	float:left;
}

.capture .icon
{
	float:right;
	width:20px;
	height:20px;
	margin: 0px !important;
}

#pSearchResults
{
	width:97%;
	max-height:100px;
	overflow:auto;
}

#treeLocation
{
	width:98%;
	max-height:300px;
	overflow:auto;
}

.windows
{
	margin-bottom:10px;
	background-color:#eeeeee;
	padding:0px 0 10px 0;
	width:99%;
	min-height:50px;
	float:left;
	border: 1px #999999 solid;
}

.windows .name
{
	padding-left:12.5%;
	text-align:left;
}

.info
{
	text-align:center;
	width:220px;
}

.info .label
{
	font-weight:bold;
	width:218px;
	text-align:left;
	float:left;
}

.info .value
{
	float:right;
	width:200px;
	text-align:left;
}

.info .link
{
	float:right;
	margin-left:20px;
}


.button
{
	background-color: #5a94f2;
	border: 1px solid rgba(0, 0, 0, 0.1);
    color: #FFF;
    height: 25px;
    font-size: 11px;
    font-weight: bold;
    line-height: 25px;
    cursor: pointer;
    margin: 11px 6px;
    padding: 0px 3px;
    text-align: center;   
    border-radius:2px 2px 2px 2px;
}

.button:hover
{
	background-color: #286edf;
}

#frmregister
{
	top:200px;
	width:600px;	
	background-color:#FFF;
}

.textbox
{
	width: 200px;	
}

#lblMessage
{
	color:Red;
	width:100%;
	font-weight:bold;
	font-style:italic;
	font-size:medium;
}


.alignLeft
{
	text-align:left !important;
}
#centerSplit
{
	z-index:1000;
	left: 343px;
}

.moveicon
{
	background:url("/images/moveicon.png") no-repeat right top;
	position:absolute;
	top:222px;
	left:18%;
	width:18px;
	height:35px;
	top:50%;
	z-index:1001;
}
.moveicon-out
{
	background:url("/images/moveicon-out.png") no-repeat right top;
	position:absolute;
	top:183px;
	left:4px;
	width:18px;
	height:35px;
}

a.moveicon:hover
{
	background-position:right -35px;
}

a.moveicon-out:hover
{
	background-position:right -35px;
}
a
{
	color:#666;
	text-decoration:none;
}
a:hover
{
	color:#000;
	text-decoration:underline;
}
#logo
{
	float:left;
	text-align:center;
	width:70%;
}
#frmLogin
{
	float:right;
	width:30%;
	font-size:14px;
}
#frmLogin a
{
	color:#FFF;	
}
.inputLogin
{
	width:100px;	
}
#sign
{
	float:right;
	margin-right:10%;
}
#unsign
{
	float:right;
	margin-right:10%;
}

.popupShare
{
	width:35%;	
	min-width:500px;
	max-height:50%;
	min-height:100px;
	z-index:1002;
	position:absolute;
	left:35%;
	top:25%;
	background-color:White;
	border:1px black solid;
	float:left;
}

.popupShare .content
{
	width:100%;
	margin-left:-1px;
	float:left;
}

.popupShare .content .item
{
	width:100%;
	margin-left:-1px;
	float:left;
	border-bottom:1px solid blue;
}

.popupShare .content .item .info
{
	width:67%;
	float:left;
    margin: 11px 6px;
	text-align:left;
}

.left
{
	float:left !important;
}

.right
{
	float:right !important;
}
